@extends('frontend.layout')

@section('content')
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
<div class="photolane_fn_content_in">

    <!--  SECONDARY WRAP  -->
    <div class="photolane_fn_secondary_wrap">

        <!-- FLUID WRAP -->
        <div class="photolane_fn_fluid_wrap">
            <div class="third_type_of_project single" style="background-image: url({{ $photos->first()->image }})">
                <div class="container">
                    <div class="breadcrumbs">
                        <p><a href="/">Home</a> / <span>{{ ucfirst($type->name) }}</span></p>
                    </div>
                    <div class="project_title">
                        <h3>{{ ucfirst($type->name) }}</h3>
                    </div>
                </div>
            </div>
        </div>
        <!-- /FLUID WRAP -->

        <!-- PROJECT PREVIEW -->
        <div class="container">
            <div class="photolane_fn_blog_wrap" style="padding-bottom: 0;padding-top: 0">

                <div class="photolane_fn_secondblog_list">
                    <div class="inner">
                        <ul class="photolane_fn_masonry" style="position: relative; height: 1514px;">
                            @foreach($photos as $photo)
                            <li class="photolane_fn_masonry_in">
                                <div class="item">
                                    <div class="img_holder">
                                        <a href="#">
                                            <img src="{{ $photo->image }}" alt="">
                                        </a>
                                    </div>
                                </div>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <center>
                    <!--  /SECONDARY WRAP  -->
                    {{ $photos->links('vendor.pagination.custom') }}
                </center>
            </div>
        </div>
        <!-- /PROJECT PREVIEW -->
    </div>


</div>
@endsection